<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>首都医科大学附属小学</title>
		<meta name="description" content="首都医科大学附属小学（原右安门第一小学），学校地处南二环，西邻丽泽商务区，东临北京南站，位于开阳里社区中心。" />
		<meta name="keywords" content="右安门一小 右安门 首都医科大学附属小学 北京 一小  右安门 和文化 教育" /><meta name="author" content="say"/>
		<link rel="shortcut icon" href="../static/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="../static/font/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/student.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/theme-green.css"/>
		<script type="text/javascript" src="../static/js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="../static/js/main.js" ></script>
	</head>
	<body>
		<div class="header-top-fixed">
			<div class="w1080">
				<ul class="top-navbar">
					<li><a href="#">门户网站</a></li>
					<li><a href="#">德育信息</a></li>
					<li><a href="#">七彩少年</a></li>
					<li><a href="#">和雅教师</a></li>
					<li><a href="#">微课学习</a></li>
					<li><a href="#">微探交流</a></li>
				</ul>
				<ul class="navbar-right">
					<li><a href="#">返回首页</a></li>
					<li><a href="#">退出</a></li>
				</ul>
			</div>
		</div>
		<div class="header">
			<div class="user-div">
				<img src="../static/images/users.jpg"/>
			</div>
			<div class="header-con">
				<h2>首医附小学生空间</h2>
				<div class=" user-msg">
					<a href="#">
						<span id="">
							李彩优
						</span>
					</a>
					<div class="fenshu">
						<a href="#" class="jifen">
							<i></i>
							积分
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
						<a href="#" class="xunz">
							<i></i>
							勋章 
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
							<span id=""></span>
						</a>
					</div>
					<div class="clear"></div>
					<div class="header-navbar">
						<ul>
							<li><a href="#">个人中心</a></li>
							<li><a href="#">个人空间</a></li>
							<li class="active"><a href="#">德育信息</a></li>
							<li><a href="#">微课学习</a></li>
							<li><a href="#">微探交流</a></li>
							<li><a href="#">艺术与鉴赏</a></li>
							<li><a href="#">社团活动</a></li>
							<li><a href="#">更多</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="point-div stu-d">
				<ul>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-bell"></i>
							<span id="">
								11
							</span>
						</a>
						<span id="">
							消息
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-commenting"></i>
							<span id="">
								23
							</span>
						</a>
						<span id="">
							评论
						</span>
					</li>
					<li>
						<a href="#">
							<i class="fa fa-lg fa-heart"></i>
						</a>
						<span id="">
							收藏
						</span>
					</li>
					<li>
						<a href="#" class="exit" >
							<i class="fa fa-lg fa-power-off"></i> 
						</a>
						<span id="">
							 退出
						</span>
					</li>
					<a href="#" class="exit" ><i class="fa fa-lg fa-power-off"></i>  退出</a>
				</ul>
			</div>
		</div>
		<div class="containter">
			<div class="sider">
				<div class="con-div sider-div">
					<div class="sider-top">
						德育信息
					</div>
					<div class="sider-con zhandian">
						<ul>
							<li><a href="#"><i class="icon icon-dangan "></i>查看德育细则</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课上评价</a></li>
							<li><a href="#"><i class="icon icon-dangan "></i>课下评价</a></li>
							<li class="actived"><a href="#"><i class="icon icon-dangan "></i>我的评价记录</a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="content content-lg">
				<div class="main-div con-div">
					<div class="main-top">
						<ul class="tab-btn">
							<li class="top-seclect"> <a href="#">视图对象</a></li>
						</ul>
					</div>
					<div class="con-list">
						<div class="dynamic loglist">
							<h3 class="demo-title">紧凑型文章</h3>
							<div class="con-pro">
							<h2 class="col-sm-12 center" style="text-align: center;">
	《右安门小学学生德育学分暂行办法》</h2>
<h3 class="col-sm-12">
	第一章 总 则</h3>
<p>
	<strong>第一条</strong> 为深入贯彻落实党的十八大精神，把立德树人作为教育的根本任务，根据《中共中央关于进一步加强和改进学校德育工作的若干意见》、《中国普通高等学校德育大纲》、《高等学校学生行为准则》和《云南师范大学学生学籍管理规定》的有关规定，结合学校实际，制定本办法。</p>


						<div class="downlog">
							<div class="downlog-in">
								<div class="downlog-btn">
								立即下载
								</div>
								
							</div>
							<p>文档下载说明，文档下载说明，文档下载说明</p>
						</div>
						</div>
						</div>
						<div class="dynamic loglist">
							<h3 class="demo-title">图文结合文章</h3>
							<div class="con-pro">
								<h2 class="col-sm-12 center" style="text-align: center;">作品名称作品名称作品名称作品名称作品名称</h2>
							</div>
							<div class="prize">
								<img src="../static/images/prize.jpg"/>
							</div>
							<p class="de">获奖时间：获奖时间获奖时间获奖时间</p>
							<p class="de">获奖描述：获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述,获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述,获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述,获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述,获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述获奖描述</p>
							<div class="clear"></div>
						</div>	
						<div class="dynamic loglist">
							<h3 class="demo-title">带标题说明的图文结合文章</h3>
							<div class="con-pro">
								<h2 class="col-sm-12 center" style="text-align: center;">作品名称作品名称作品名称作品名称作品名称</h2>
								<p class="d12" >系统分类：<a href="#" >类别一</a> 活动时间：<a href="#">2016.12.10-2017.01-10</a></p>
								<p  class="d-detail d12">
									指导老师：<a href="#">张怡凝</a>
									<a href="#"><i class="icon-read"></i>阅读（0）</a>
									<a href="#"><i class="icon-praise"></i>点赞（10）</a>
									<a href="#" class="comment"><i class="icon-comment"></i>评论（1）</a>
								</p>
							</div>
							<div class="prize">
								<img src="../static/images/prize.jpg"/>
							</div>
							<div class="pro-list">
								<ul class="pro-tab">
									<li class="tabactive"><a href="#">活动概括1</a></li>
								</ul>
								<div class="pro-con">
									<div class="introword" style="padding:10px 20px;line-height: 24px;">
										毛泽东思想是由毛泽东倡导并在二十世纪中国革命中大范围实践的一种政治、军事、发展理论，一般认为其为马列主义在中国的发展。中国共产党认可毛泽东思想是其取得新民主主义革命...
									</div>	
								</div>
							</div>
							<div class="clear"></div>
						</div>
					</div>
				</div>
				<div class="clear"></div>
			</div>
		<div class="clear"></div>
		</div>
		<div class="footer"> 
			<p>© 2015-2016 DHHC 版权所有</p>
		  	<p>版权号</p>
		</div>
		
		<script type="text/javascript" src="../static/js/jquery.select.js"></script>
		<script>
			$(function() {
				  $(".pro-con .introword").eq(0).show();
				  $('.pro-tab li').click(function(){
				  	var ind= $('.pro-tab li').index(this);
//				  	alert(ind);
				  	$(".pro-con .introword").hide();
				    $(this).addClass("tabactive").siblings().removeClass("tabactive");
				    $(".pro-con .introword").eq(ind).show();
				   		return false;
				  });			
			});
		</script>
	</body>
</html>
